<template>
  <div class="app-log-container">
    <el-tabs v-model="editableTabsValue" type="card">
      <el-tab-pane label="机组管理" name="1">
        <crewManage></crewManage>
      </el-tab-pane>
      <el-tab-pane label="母线管理" name="2">
        <busManage></busManage>
      </el-tab-pane>
      <el-tab-pane label="其他" name="3">
        <otherManage></otherManage>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import crewManage from "@/views/monitor/device/crewManage.vue"
import busManage from "@/views/monitor/device/busManage.vue"
import otherManage from "@/views/monitor/device/otherManage.vue"
export default {
  name: "device",
  components: { crewManage, busManage, otherManage },
  data() {
    return {
      editableTabsValue: '1',
    };
  },
  created() {
  },
  methods: {

  }
};
</script>
<style scoped>
.app-log-container{
  height: calc(100vh - 130px);
}
.el-tab-pane{
  height: 100%;
}
.el-tabs--card{
  height: 100%;
}
::v-deep .el-tabs__content {
  height: calc(100% - 57px);
}
</style>

